<template>
    <div class="officeSurplus">
        <c-navigation>
            <c-time @change="timeChangeHandler"/>
        </c-navigation>
        <div class="mainDiv">
            <a-tabs default-active-key="1" @change="tabsChange">
                <a-tab-pane key="1" tab="次均费用">
                    <tabsContent :tabsNum="1" :tabsTitle="'次均费用'"></tabsContent>
                </a-tab-pane>
                <a-tab-pane key="2" tab="次均药费">
                    <tabsContent :tabsNum="2" :tabsTitle="'次均药费'"></tabsContent>
                </a-tab-pane>
                <a-tab-pane key="3" tab="次均材料费">
                    <tabsContent :tabsNum="3" :tabsTitle="'次均材料费'"></tabsContent>
                </a-tab-pane>
                <a-tab-pane key="4" tab="平均住院日">
                    <tabsContent :tabsNum="4" :tabsTitle="'平均住院日'"></tabsContent>
                </a-tab-pane>
            </a-tabs>
            <a-table :columns="columns"  :data-source="dataNum"  :rowKey="record=>record['dep_code']">
            </a-table>
        </div>
    </div>
</template>

<script>
    import {barLine,Analysis,CostpProportionList} from "@/api/Department";
    import moment from "moment";
    import tabsContent from './tabsContent.vue'
    import columns from "./columns.js";
    export default {
        name: "DepartmentAnalysis",
        components: {
            tabsContent
        },
        data() {
            return {
                dataNum:[],
                columns:[],
                allLength:1,
                surplusLength:1,
                overspendLength:1,
                tabsNum:1,
            }
        },
        created(){
            this.columns=columns
        },
        mounted () {

        },
        methods: {
            listChange(){

            },
            tabsChange(e){
               this.tabsNum=e
            }
        }
    }
</script>

<style lang="stylus" scoped>
    .mainDiv{ width:100%; height:800px; margin-top 20px; padding 20px; box-sizing border-box;background: #FFFFFF;
        box-shadow: 0 4px 8px 0 rgba(25,25,26,0.15), 0 2px 4px 0 rgba(39,39,42,0.20); border-radius: 12px;}
    >>>.ant-tabs-nav .ant-tabs-tab{padding:0;padding-bottom 10px;}
</style>
